<template>
  <div>
    <el-dialog
      title="抗定位任务配置"
      :visible.sync="dialogFormVisible"
      width="600px"
    >
      <el-form :model="form">
        <el-form-item
          label="抗定位方式："
          :label-width="formLabelWidth"
        >
          <el-checkbox label="社会内容混淆" />
          <el-checkbox label="社会关系混淆" />
        </el-form-item>
        <el-form-item
          label="选择混淆地点"
          :label-width="formLabelWidth"
        >
          <el-select
            v-model="form.region"
            placeholder="请输入想要混淆的地点"
          >
            <el-option
              label="区域一"
              value="shanghai"
            />
            <el-option
              label="区域二"
              value="beijing"
            />
          </el-select>
        </el-form-item>
      </el-form>
      
      <el-alert
        title="该操作会修改用户社交内容与社交关系，请谨慎操作！"
        type="warning"
        show-icon
        style="width: 150px;position: relative;left: 350px;top: -70px;" 
      />
      <div
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="dialogFormVisible = false">
          取 消
        </el-button>
        <el-button
          type="primary"
          @click="dialogFormVisible = false"
        >
          确 定
        </el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // dialogFormVisible: true,
      dialogFormVisible: false,
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: "",
      },
      formLabelWidth: "120px",
    };
  },
};
</script>

<style scoped>
.dialog-footer{
  text-align: center;
}
</style>